@import './variable.scss';
@import './resize.scss';
a {
        color: $linkColor;
}

html,
body {
        width: 100%; // height: 100%;
}

#vtsxID {
        position: relative;
}

.shrs-body {
        width: 100%; // height: 100%; // overflow: hidden;
        .head {
                // position: fixed;
                // top: 0;
                // left: 0;
                // right: 0;
                // z-index: 10;
                overflow: hidden;
                background-color: rgba(255, 255, 255, .1);
                .shrs-top {
                        width: 100%;
                        height: 2px;
                        background: url(../assets/img/top.png) repeat-x;
                        background-size: 100%;
                }
                .pcHead {
                        overflow: hidden;
                        width: 1060px; // height: 80px;
                        margin: 0 auto;
                        .logo {
                                width: 200px; // height: 100%;
                                img {
                                        width: 100%;
                                        margin: 11px 0;
                                }
                        }
                        .menu-row {
                                .menus {
                                        margin: 40px 0 0 20px;
                                        padding-left: 15px;
                                        span {
                                                a {
                                                        display: inline-block;
                                                        padding: 0 15px;
                                                        color: #1b1b1b;
                                                        font-size: 16px;
                                                }
                                                a:hover {
                                                        color: #f00;
                                                        padding-bottom: 16px;
                                                        border-bottom: 3px solid #f00;
                                                }
                                        }
                                }
                                .phone {
                                        display: flex;
                                        justify-content: space-around;
                                        margin: 33px 0 0 16px;
                                        vertical-align: middle;
                                        .phoneImg {
                                                display: inline-block;
                                                width: 29px;
                                                height: 31px;
                                                margin: 0;
                                                vertical-align: middle;
                                                background: url(../assets/img/phone.png);
                                        }
                                        .p {
                                                // position: relative; // top: -0.08rem;
                                                display: flex;
                                                margin-left: 10px;
                                                flex-direction: column;
                                                justify-content: center;
                                                vertical-align: middle;
                                                p {
                                                        display: inline-block;
                                                }
                                                .p1 {
                                                        color: #3e3e3e;
                                                        font-size: 12px;
                                                }
                                                .p2 {
                                                        color: #de0025;
                                                        font-size: 18px;
                                                }
                                        }
                                }
                        }
                }
                .mbHead {
                        // position: relative; // margin-top: 0.12rem;
                        img {
                                width: 50%;
                                margin-left: 0.1rem;
                        }
                        .menu-xs {
                                margin: .15rem .15rem 0 0;
                                span {
                                        position: relative;
                                        top: 0;
                                        right: -0.05rem;
                                        padding: 0.05rem 0.1rem;
                                        font-size: 0.18rem;
                                }
                                span:hover {
                                        cursor: pointer;
                                }
                        }
                        .mini-menus {
                                // position: absolute;
                                // top: 0.8rem;
                                z-index: 10;
                                width: 100%; // 
                                height: 1.7rem;
                                background-color: rgba(255, 255, 255, .2);
                                background-clip: padding-box;
                                border: 0.01rem solid rgba(0, 0, 0, .15);
                                border-radius: 4px;
                                box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                                transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
                                a {
                                        display: block;
                                        opacity: 1;
                                        clear: both;
                                        padding: .02rem .1rem;
                                        color: #333;
                                        font-size: .14rem;
                                        text-align: center;
                                        white-space: nowrap;
                                        transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
                                }
                                a:hover {
                                        color: #f30;
                                }
                                div:nth-of-type(even) {
                                        background: rgba(175, 175, 175, .2);
                                        ;
                                }
                        }
                        .toggle {
                                overflow: hidden;
                                height: 0;
                                border: none;
                                a {
                                        opacity: 0;
                                }
                        }
                }
        }
        .content {
                // height: 100%;
        }
        .footerMargin {
                width: 100%;
                height: 30px; // background: #fb0;
        }
        .footer {
               
                width: 100%;
                padding: 10px 0;
                background: #343434;
                .pcFoot {
                        width: 1008px;
                        height: 181px;
                        margin: 0 auto;
                        padding-top: 10px;
                        background: url(../assets/img/footBG.png) no-repeat;
                        background-size: 100%;
                        .img {
                                width: 164px;
                                height: 164px;
                        }
                        .info {
                                padding-left: 10px;
                                color: #fff;
                                .menu {
                                        line-height: 42px;
                                        a {
                                                padding: 0 10px;
                                                color: #fff;
                                                font-size: 16px;
                                        }
                                }
                                span {
                                        display: inline-block;
                                        padding-left: 10px;
                                        font-size: 12px;
                                        line-height: 32px;
                                }
                                a {
                                        color: #fff; // font-size: 12px;
                                }
                                a:visited {
                                        color: #fff;
                                }
                        }
                } // PC端
                .mbFoot {
                        position: relative;
                        width: 100%;
                        height: .65rem;
                        color: #fff;
                        .QRcode {
                                width: 0.63rem;
                                height: 0.63rem;
                                margin-left: 0.1rem;
                                background: url(../assets/img/miniQR.jpg) no-repeat;
                                background-size: cover;
                        }
                        .info {
                                display: flex;
                                flex-direction: column;
                                justify-content: space-between;
                                height: 100%;
                                color: #fff;
                                div {
                                        padding-left: 0.09rem;
                                        span {
                                                display: inline-block;
                                                padding: 0.03rem;
                                                text-size-adjust: none;
                                                -webkit-text-size-adjust: none;
                                                font-size: 0.08rem;
                                        }
                                }
                        }
                        .xsInfo {
                                display: flex;
                                flex-direction: column;
                                justify-content: space-around;
                                width: 75%;
                                height: 100%;
                                padding-left: 0.1rem;
                                a {
                                        color: #0080ff;
                                }
                        }
                } // 移动端
        }
}

.home {
        #swiper1 {
                cursor: auto !important;
                height: 100vh;
        }
        .swiper-container {
                width: 100%;
                height: 100%;
                .swiper-slide {
                        height: 100vh;
                }
                #card1 {
                        position: relative;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-image: url(http://i1.fuimg.com/611341/f98fc8d4061045d6.jpg);
                        ;
                        background-size: 100vw auto;
                        .logo {
                                position: absolute;
                                top: 90px;
                                left: 90px;
                                width: 233px;
                                height: 70px;
                                background: url(http://i4.fuimg.com/611341/211b85ffd16aff69.png) no-repeat center center;
                                background-size: 100% 100%;
                        }
                        .menu {
                                position: absolute;
                                top: 110px;
                                right: 75px;
                                ul {
                                        li {
                                                display: inline-block;
                                                margin-right: 15px;
                                                a {
                                                        color: #fff;
                                                }
                                        }
                                }
                        }
                        .titCon {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                width: 100%;
                                max-height: 200px;
                                margin-top: 25%;
                                .title {
                                        display: flex;
                                        justify-content: center;
                                        color: #fff;
                                        font-size: 96px;
                                        font-weight: bolder;
                                        letter-spacing: 18px;
                                        font-family: "SF Pro SC", 'Microsoft YaHei UI', sans-serif !important;
                                }
                                .subTitle {
                                        display: flex;
                                        justify-content: center;
                                        color: #fff;
                                        font-size: 48px;
                                        font-weight: bolder;
                                        font-family: "SF Pro SC", 'Microsoft YaHei UI', sans-serif !important;
                                }
                        }
                }
                #card2 {
                        background: url(http://i1.fuimg.com/611341/f98fc8d4061045d6.jpg) no-repeat center center;
                        ;
                        background-size: 100vw auto;
                        ul {
                                height: 100%;
                                li {
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        height: 50%;
                                        margin: 0;
                                        padding: 0;
                                        .img {
                                                position: relative;
                                                width: 100%;
                                                height: 100%;
                                                transition: 1s;
                                                background-repeat: no-repeat;
                                                background-position: center center;
                                                background-size: 100% auto;
                                        }
                                        .img::after {
                                                content: '';
                                                display: inline-block;
                                                z-index: 10;
                                                opacity: 1;
                                                position: absolute;
                                                right: 15px;
                                                bottom: 15px;
                                                width: 150px;
                                                height: 45px;
                                                background: url(http://i4.fuimg.com/611341/211b85ffd16aff69.png) no-repeat center center;
                                                background-size: 100% 100%;
                                                transition: 3s;
                                        }
                                        .introduce {
                                                display: flex;
                                                justify-content: center;
                                                align-items: center;
                                                z-index: 10;
                                                overflow: hidden;
                                                height: 0;
                                                background: #4c9bd4;
                                                transition: 1s;
                                                a {
                                                        display: inline-block; // width: 100%;
                                                        // height: 100%;
                                                        color: #fff;
                                                        font-size: 46px;
                                                }
                                        }
                                }
                                li:hover {
                                        .introduce {
                                                height: 100%;
                                        }
                                        .img {
                                                height: 0;
                                        }
                                        .img::after {
                                                opacity: 0;
                                        }
                                }
                        }
                }
                #card3 {
                        display: flex;
                        flex-flow: column nowrap;
                        justify-content: center;
                        align-items: flex-start;
                        background: url(http://i2.tiimg.com/611341/45e5476f0fa33bf1.jpg) no-repeat;
                        background-size: 100vw auto; // background-size: 2082px 987px; // background-position: center center;
                        h3 {
                                margin: 0 0 50px 300px;
                                color: #fff;
                                font-size: 48px;
                        }
                        ul {
                                margin-left: 300px;
                                li {
                                        margin-bottom: 20px;
                                        a {
                                                color: #fff;
                                                span {
                                                        font-size: 32px;
                                                }
                                        }
                                        b {
                                                position: relative;
                                                top: 7px;
                                                display: inline-block;
                                                width: 37px;
                                                height: 37px;
                                                margin-right: 8px;
                                                background: url(../assets/img/right.png) no-repeat;
                                        }
                                }
                        }
                }
                #card4 {
                        // background: url('http://i4.fuimg.com/611341/9f71f6d4413a8ee3.png') no-repeat center center;
                        // background-size: 100vw auto;
                        ul {
                                display: flex;
                                flex-wrap: wrap;
                                height: 100%;
                                font-size: 0;
                                transition: 1s;
                                li {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        width: 20%;
                                        height: 25%;
                                        background-repeat: no-repeat;
                                        background-position: center center;
                                        background-size: 100% auto;
                                        transition: 1s;
                                        span {
                                                transition: 1s;
                                        }
                                }
                                li:hover {
                                        span {
                                                display: flex;
                                                justify-content: center;
                                                align-items: center;
                                                width: 100%;
                                                height: 100%;
                                                color: #fff;
                                                font-size: 46px;
                                                text-align: center;
                                                background: #bf2e2f;
                                        }
                                }
                                li:nth-child(1) {
                                        background-image: url('http://i2.tiimg.com/611341/b934ef71ad264321.jpg');
                                }
                                li:nth-child(2) {
                                        background-image: url('http://i2.tiimg.com/611341/ca33d0ca4f44da30.jpg');
                                }
                                li:nth-child(3) {
                                        background-image: url('http://i2.tiimg.com/611341/608f5cf2a6a829e4.jpg');
                                }
                                li:nth-child(4) {
                                        background-image: url('http://i2.tiimg.com/611341/9e1b45862c28dcea.jpg');
                                }
                                li:nth-child(5) {
                                        background-image: url('http://i2.tiimg.com/611341/1d3470884a6df775.jpg');
                                }
                                li:nth-child(6) {
                                        background-image: url('http://i2.tiimg.com/611341/660e1f144cac7832.jpg');
                                }
                                li:nth-child(7) {
                                        background-image: url('http://i2.tiimg.com/611341/2b890825bf6527d2.jpg');
                                }
                                li:nth-child(8) {
                                        background-image: url('http://i2.tiimg.com/611341/e4dfc73e23462236.jpg');
                                }
                                li:nth-child(9) {
                                        background-image: url('http://i2.tiimg.com/611341/65e0a9309a4249ba.jpg');
                                }
                                li:nth-child(10) {
                                        background-image: url('http://i2.tiimg.com/611341/654a06509cb71d4b.jpg');
                                }
                                li:nth-child(11) {
                                        background-image: url('http://i2.tiimg.com/611341/b69c9b98afa68ab4.jpg');
                                }
                                li:nth-child(12) {
                                        background-image: url('http://i2.tiimg.com/611341/5ea40c22d3c03a66.jpg');
                                }
                                li:nth-child(13) {
                                        background-image: url('http://i2.tiimg.com/611341/1e5de74d77f55862.jpg');
                                }
                                li:nth-child(14) {
                                        background-image: url('http://i2.tiimg.com/611341/da964636dc992862.jpg');
                                }
                                li:nth-child(15) {
                                        background-image: url('http://i2.tiimg.com/611341/fdde168237fb11bc.jpg');
                                }
                                li:nth-child(16) {
                                        background-image: url('http://i2.tiimg.com/611341/5fae6ba3f8bb96af.jpg');
                                }
                                li:nth-child(17) {
                                        background-image: url('http://i2.tiimg.com/611341/3470ad38eb090a1b.jpg');
                                }
                                li:nth-child(18) {
                                        background-image: url('http://i2.tiimg.com/611341/58c166e72a58825d.jpg');
                                }
                                li:nth-child(19) {
                                        background-image: url('http://i2.tiimg.com/611341/ee1608fa5cd51b48.jpg');
                                }
                                li:nth-child(20) {
                                        background-image: url('http://i2.tiimg.com/611341/30987918096abc0e.jpg');
                                }
                        }
                }
                #card5 {
                        position: relative;
                        display: flex;
                        flex-flow: row wrap;
                        ul {
                                display: flex;
                                flex-direction: row-reverse;
                                box-sizing: border-box;
                                width: 100%;
                                height: 25%;
                                transition: 1s;
                                li {
                                        display: flex;
                                        box-sizing: border-box;
                                        justify-content: center;
                                        align-items: center;
                                        width: 20%;
                                        height: 100%;
                                        font-size: 0;
                                        border-left: 5px #fff solid;
                                        border-bottom: 5px #fff solid;
                                        transition: 1s;
                                        background-repeat: no-repeat;
                                        background-position: center center;
                                        background-size: 100% auto;
                                        span {
                                                display: flex;
                                                justify-content: center;
                                                align-items: center;
                                                font-size: 0;
                                                transition: 1s;
                                        }
                                }
                                li:hover {
                                        span {
                                                width: 100%;
                                                height: 100%; // text-align: center;
                                                background: #bf2e2f;
                                                b {
                                                        color: #fff;
                                                        font-size: 46px;
                                                }
                                        }
                                }
                        }
                        ul:nth-child(1) {
                                background: #fff;
                                li:nth-child(1) {
                                        background-image: url('http://i1.fuimg.com/611341/99a293b9c93d3f80.jpg');
                                }
                                li:nth-child(2) {
                                        background-image: url('http://i4.fuimg.com/611341/f5371824d125ef92.jpg');
                                }
                        }
                        ul:nth-child(2) {
                                background: #fff;
                                li:nth-child(1) {
                                        background-image: url('http://i4.fuimg.com/611341/90eb55c2866df90a.jpg');
                                }
                                li:nth-child(2) {
                                        background-image: url('http://i4.fuimg.com/611341/187dfd24ee51bca8.jpg');
                                }
                                li:nth-child(3) {
                                        background-image: url('http://i4.fuimg.com/611341/4797d4c2b3fa0e62.jpg');
                                }
                                li:nth-child(4) {
                                        position: relative;
                                        img {
                                                position: absolute;
                                                top: -60%;
                                                left: -16%;
                                                width: 112px;
                                                height: 286px;
                                        }
                                }
                        }
                        ul:nth-child(3) {
                                li:nth-child(1) {
                                        background-image: url('http://i4.fuimg.com/611341/0ccfa71813ca5a3f.jpg');
                                        border-bottom: 0;
                                }
                                li:nth-child(2) {
                                        flex-grow: 3;
                                        display: flex;
                                        flex-flow: row nowrap;
                                        justify-content: space-between;
                                        overflow: auto;
                                        border: 0;
                                        background: #bf2e2f;
                                        p {
                                                display: inline-block;
                                        }
                                        .title {
                                                width: 25%;
                                                color: #fff;
                                                font-size: 46px;
                                                text-align: center;
                                        }
                                        .card5Introduce {
                                                box-sizing: border-box;
                                                width: 75%;
                                                max-height: 210px;
                                                color: #fff;
                                                font-size: 18px;
                                                line-height: 40px;
                                                border-right: 60px solid rgba(255, 255, 255, 0)
                                        }
                                }
                        }
                        ul:nth-child(4) {
                                background: #343434;
                                li:nth-child(1) {
                                        flex-grow: 4;
                                        height: inherit;
                                        border: 0;
                                        .homeFooter {
                                                position: absolute;
                                                left: 0;
                                                bottom: 0;
                                                display: flex;
                                                flex-flow: row nowrap;
                                                justify-content: center;
                                                align-items: center;
                                                width: 100%;
                                                height: inherit;
                                                min-height: 200px;
                                                background: url(../assets/img/footBG.png) no-repeat center center;
                                                background-size: 75%;
                                                .img {
                                                        flex-grow: 2;
                                                        position: relative;
                                                        width: 164px;
                                                        height: 164px;
                                                        text-align: center;
                                                        img {
                                                                position: absolute;
                                                                right: 30px;
                                                        }
                                                }
                                                .info {
                                                        flex-grow: 3;
                                                        padding-left: 10px;
                                                        .menu {
                                                                line-height: 42px;
                                                                a {
                                                                        padding: 0 10px;
                                                                        color: #fff;
                                                                        font-size: 16px;
                                                                        border-right: 1px solid #fff;
                                                                }
                                                        }
                                                        .link {
                                                                display: inline-block;
                                                        }
                                                        b {
                                                                display: inline-block;
                                                                padding-left: 10px;
                                                                color: #fff;
                                                                font-size: 12px;
                                                                line-height: 32px;
                                                        }
                                                        a {
                                                                color: #fff; // font-size: 12px;
                                                        }
                                                        a:visited {
                                                                color: #fff;
                                                        }
                                                }
                                        }
                                }
                        }
                }
                .swiper-pagination {
                        .swiper-pagination-bullet {
                                width: .15rem;
                                height: .15rem;
                                border: 2px solid #fff;
                        }
                }
        }
        /* 移动端 */
        .mobile {
                .mbBanner {
                        position: relative;
                        width: 100%;
                        img {
                                width: 100%;
                        }
                        .text {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                p {
                                        margin: .1rem;
                                        color: #fff;
                                        text-align: center;
                                        font-weight: bolder;
                                        letter-spacing: .05rem;
                                        font-family: "SF Pro SC", 'Microsoft YaHei UI', sans-serif !important;
                                }
                                p:nth-child(1) {
                                        font-size: .30rem;
                                }
                        }
                }
                .mbBanner::after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: .10rem;
                        left: .10rem;
                        width: 1.23rem;
                        height: .37rem;
                        background: url(http://i4.fuimg.com/611341/211b85ffd16aff69.png) no-repeat center center;
                        ;
                        background-size: 100% 100%;
                }
                .pnav {
                        padding: 0 .15rem;
                        a {
                                display: block;
                                height: .8rem;
                                padding-top: .6rem;
                                font-size: .12rem;
                                text-align: center;
                                background: url(../assets/img/pnav.jpg) no-repeat
                        }
                        div {
                                border-right: 1px solid #efefef
                        }
                        div:first-child a {
                                color: #17acdd;
                                background-position: center 15px;
                        }
                        div:nth-child(2) a {
                                color: #28b45a;
                                background-position: center -87px;
                        }
                        div:nth-child(3) a {
                                color: #ea9025;
                                background-position: center -189px;
                        }
                        div:nth-child(4) a {
                                color: #d93c3c;
                                background-position: center -291px;
                        }
                }
                .serviceItems {
                        width: 100%;
                        margin: .2rem auto;
                        h3 {
                                color: #dadada;
                                font-size: 24px;
                                text-align: center;
                                font-family: "SF Pro SC", 'Microsoft YaHei UI', sans-serif !important;
                        }
                        h4 {
                                margin-bottom: .2rem;
                                color: #dc3535;
                                font-size: 24px;
                                text-align: center;
                        }
                        .mb {
                                padding: .1rem
                        }
                        dl {
                                margin-bottom: .28rem;
                                img {
                                        width: 100%;
                                        max-height: 1rem
                                }
                                p {
                                        font-size: .14rem;
                                        text-align: center
                                }
                                .boxF,
                                .boxS,
                                .boxT {
                                        width: 1.3rem;
                                        height: 1rem;
                                        overflow: hidden
                                }
                                .boxF,
                                .boxS {
                                        visibility: hidden
                                }
                                .boxF {
                                        -webkit-transform: rotate(120deg);
                                        transform: rotate(120deg);
                                        float: left
                                }
                                .boxS,
                                .boxT {
                                        -webkit-transform: rotate(-60deg);
                                        transform: rotate(-60deg)
                                }
                                .boxT {
                                        visibility: visible
                                }
                        }
                }
                .link a {
                        width: 124px;
                        height: 33px;
                        display: block;
                        border: 2px solid #e3e3e3;
                        margin: 0 auto;
                        text-align: center;
                        line-height: 33px;
                        color: #011ffc;
                        text-decoration: none
                }
                .construction {
                        width: 100%;
                        margin-top: 30px;
                        padding: 30px 0;
                        background: #f8f8f8;
                        h3 {
                                color: #dadada;
                                font-size: 24px;
                                text-align: center;
                                font-family: Arial
                        }
                        h4 {
                                color: #dc3535;
                                font-size: 24px;
                                text-align: center
                        }
                        .content {
                                max-width: 1200px;
                                margin: 0 auto;
                                .menu {
                                        // height: 1.3rem;
                                        margin: 20px 0;
                                        text-align: center;
                                        .swiper-slide {
                                                width: 20% !important;
                                                height: .2rem;
                                        }
                                        a {
                                                display: inline-block;
                                                padding-bottom: 15px
                                        }
                                        a:hover {
                                                padding-bottom: 13px;
                                                color: red;
                                                border-bottom: 1px solid red
                                        }
                                        .swiper-button-next,
                                        .swiper-button-prev {
                                                top: 30%;
                                                width: 30px;
                                                height: 45px;
                                                background-size: 30% 30%
                                        }
                                }
                                .slideshow {
                                        height: auto;
                                        .hidde {
                                                height: 0;
                                                overflow: hidden
                                        }
                                        #Protect {
                                                .swiper-slide {
                                                        height: 1rem;
                                                }
                                                dl {
                                                        margin: 0;
                                                        border: 2px solid #ebebeb;
                                                        dt:before {
                                                                content: "";
                                                                display: block;
                                                                margin-top: 75%
                                                        }
                                                        dt {
                                                                position: relative;
                                                                width: 100%;
                                                                overflow: hidden;
                                                                img {
                                                                        position: absolute;
                                                                        top: 0;
                                                                        bottom: 0;
                                                                        left: 0;
                                                                        right: 0;
                                                                        width: 100%;
                                                                        height: 100%
                                                                }
                                                        }
                                                        dd {
                                                                overflow: hidden;
                                                                height: 30px;
                                                                text-align: center;
                                                                p {
                                                                        display: inline-block;
                                                                        line-height: 30px;
                                                                }
                                                        }
                                                }
                                        }
                                }
                        }
                }
                .intoSh {
                        width: 100%;
                        margin-top: 30px;
                        padding: 30px 0;
                        background: #f8f8f8;
                        h3 {
                                color: #dadada;
                                font-size: 24px;
                                text-align: center;
                                font-family: Arial
                        }
                        h4 {
                                color: #dc3535;
                                font-size: 24px;
                                text-align: center
                        }
                        .content {
                                max-width: 1200px;
                                margin: 0 auto;
                                .conlef {
                                        padding: 25px;
                                        /* h5 {
                                                color: #484848;
                                                font-size: 18px;
                                                margin-bottom: 10px
                                        } */
                                        img {
                                                width: 100%
                                        }
                                        h4 {
                                                padding-top: 15px
                                        }
                                        p {
                                                padding: 15px
                                        }
                                        span {
                                                display: block;
                                                width: 80px;
                                                height: 27px;
                                                margin-top: 15px;
                                                color: #fff;
                                                text-align: center;
                                                line-height: 27px;
                                                text-decoration: none;
                                                background: #dc3535
                                        }
                                }
                                /* .conrit {
                                        padding: 25px
                                } */
                        }
                }
        }
}

/* 列表菜单下所有 itemTitle */

.itemTitle {
        .title {
                width: 100%;
                height: 50px;
                padding-bottom: 10px;
                border-bottom: 1px solid #ededed;
                dt {
                        color: #2c2c2c;
                        font: bold 22px/24px Microsoft YaHei;
                }
                dd {
                        color: #de0025;
                        text-align: center;
                        font: 12px/14px Arial, Helvetica, sans-serif;
                }
                .RightTitle {
                        float: right;
                        height: 100%;
                        span::before {
                                content: '';
                                display: inline-block;
                                vertical-align: middle;
                                height: 100%;
                        }
                        span {
                                vertical-align: middle;
                        }
                        span a {
                                color: #242424;
                        }
                        a:hover {
                                color: #CA0005;
                        }
                }
        }
}

.IntoWorld {
        height: 100%;
        .incontent {
                padding-top: 20px;
                p {
                        padding: 15px;
                        text-align: left;
                        text-indent: 2em;
                        line-height: 2em;
                        img {
                                display: inherit;
                                width: 100%;
                        }
                        h3 {
                                text-align: center;
                        }
                        span {
                                font-size: 16px;
                        }
                }
        }
}

.Certificate {
        .incontent {
                #dowebok {
                        li {
                                margin-bottom: 35px;
                                img {
                                        width: 100%;
                                }
                        }
                }
        }
}

.CaseList,
.Protect {
        .list {
                .imglist {
                        li {
                                margin-top: 15px;
                                dl {
                                        margin: 0;
                                        border: 2px solid #ebebeb;
                                        dt::before {
                                                content: '';
                                                display: block;
                                                margin-top: 75%;
                                        }
                                        dt {
                                                position: relative;
                                                width: 100%;
                                                overflow: hidden;
                                                img {
                                                        position: absolute;
                                                        top: 0;
                                                        bottom: 0;
                                                        left: 0;
                                                        right: 0;
                                                        width: 100%;
                                                        height: 100%;
                                                }
                                        }
                                        dd {
                                                height: 30px;
                                                text-align: center;
                                                span {
                                                        display: inline-block;
                                                        line-height: 30px;
                                                }
                                        }
                                }
                        }
                }
        }
}

/* Server 下的项目 */

.Server {
        span {
                font-size: 14px;
                font-family: 宋体, SimSun;
        }
        .Items {
                .newslist {
                        padding: 0;
                        li {
                                display: flex;
                                height: 120px;
                                margin: 10px 0;
                                padding: 10px;
                                background: #f3f3f3;
                                .pic {
                                        max-width: 135px;
                                        height: 100px;
                                        img {
                                                width: 135px;
                                                height: 100%;
                                        }
                                }
                                .text {
                                        padding-left: 10px;
                                        overflow: hidden;
                                        div {
                                                // display: inline-block;
                                                overflow: auto;
                                        }
                                        h6 a {
                                                color: #2a2a2a;
                                                text-decoration: none;
                                                font: bold 16px/24px Microsoft YaHei;
                                        }
                                        span a {
                                                color: #de0025;
                                        }
                                }
                        }
                }
        }
        .InContent {
                padding: 0 15px;
                p {
                        margin: 15px 0;
                }
                .title {
                        border: none;
                }
                .title>h1 {
                        font-size: 18px;
                        line-height: 30px;
                        font-family: 'microsoft yahei';
                        text-align: center;
                        font-weight: normal;
                        margin: 0px;
                }
                .content {
                        font-size: 14px;
                        text-indent: 15px;
                        font-family: 宋体, SimSun;
                }
        }
}

.Team {
        .Imgs {
                .imglist {
                        li {
                                margin-top: 15px;
                                dl {
                                        margin: 0;
                                        border: 2px solid #ebebeb;
                                        dt::before {
                                                content: '';
                                                display: block;
                                                margin-top: 75%;
                                        }
                                        dt {
                                                position: relative;
                                                width: 100%;
                                                overflow: hidden;
                                                img {
                                                        position: absolute;
                                                        top: 0;
                                                        bottom: 0;
                                                        left: 0;
                                                        right: 0;
                                                        width: 100%;
                                                        height: 100%;
                                                }
                                        }
                                        dd {
                                                height: 30px;
                                                text-align: center;
                                                p,
                                                span {
                                                        display: inline-block;
                                                        line-height: 30px;
                                                }
                                        }
                                }
                        }
                }
        }
        #dowebok {
                height: 700px;
                max-height: 700px; // overflow: scroll;
                li {
                        display: none;
                        margin-bottom: 35px;
                        img {
                                width: 100%;
                        }
                }
        }
}

.News {
        .incontent {
                * {
                        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                }
                h1 {
                        margin: 0;
                        padding: .1rem;
                        color: $article;
                        font-size: 38px;
                        line-height: 54px;
                        text-align: center;
                        font-weight: normal;
                }
                p {
                        color: $article;
                        font-size: 18px;
                        line-height: 32px;
                }
        }
}

.newslist {
        li {
                clear: both;
                padding: 15px 0;
                font-size: 14px; // font-family: 宋体;
                border-bottom: 1px dashed #b9b9b9;
                .years {
                        width: 60px;
                        height: 40px;
                        margin-right: 15px;
                        color: #999;
                        text-align: center;
                        font-size: 12px;
                        line-height: 14px;
                        border-right: 1px solid #b6b6b6;
                        .day {
                                font-size: 24px;
                                line-height: 30px;
                                text-align: center;
                        }
                }
                .tItle {
                        h3 {
                                color: #555;
                                text-align: left;
                                font-size: 16px;
                                line-height: 24px;
                        }
                        p {
                                height: 18px;
                                color: #616161;
                                font: 12px/18px Microsoft Yahei;
                                word-wrap: break-word;
                                text-overflow: ellipsis;
                                overflow: hidden;
                        }
                }
        }
}

// img {
//         background-image: url(about:blank);
//         background-attachment: initial;
//         background-size: initial;
//         background-origin: initial;
//         background-clip: initial;
//         background-position: 50% 50%;
//         background-repeat: no-repeat;
// }
// a.router-link-active 
// a.router-link-exact-active {
//         color: red;
// }